<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="gb2312" />
<title>jQuery UI Accordion - Default functionality</title>
<link rel="stylesheet" href="/recourses/themes/yellow/style.css"
	type="text/css" id="" media="print, projection, screen" />
<script type="text/javascript" src="/recourses/js/jquery-latest.js"></script>
<script type="text/javascript" src="/recourses/js/ui/jquery.ui.core.js"></script>
<script type="text/javascript"
	src="/recourses/js/ui/jquery.ui.widget.js"></script>
<script type="text/javascript"
	src="/recourses/js/ui/jquery.ui.accordion.js"></script>
<script type="text/javascript" src="/recourses/js/jquery.tablesorter.js"></script>
<link type="text/css" href="/recourses/css/demos.css" rel="stylesheet" />
<script type="text/javascript">
	$(function() {
		$("#accordion").accordion();
	});

	var recordlist = null;
	var jspPrefix = "aaaa2";
	var purl = "<%=path%>/aaaa2.htm?tname=Aaaa2"
	var pagesize = 4; 
	$(document).ready(function() {	
	$("table").tablesorter();			 	

	    $.get("css/pagecontext.html", function(html) {
	    	 
	       	$("#tablesorter tbody").append(html);
			// let the plugin know that we made a update
			$("table").trigger("update");
			// set sorting column and direction, this will sort on the first and third column
			var sorting = [[2,1],[0,0]];
			// sort on the first column
			$("table").trigger("sorton",[sorting]);
	        
	    } ) ;
	});  	 
	</script>
</head>
<body>

<div class="demo">

<div id="accordion">
<h3><a href="#">菜单列表</a></h3>
<div>
 
<table cellspacing="1" width=80% id="tablesorter">
	<tbody>
	</tbody>
</table>
 
</div>
<h3><a href="#">Section 2</a></h3>
<div></div>
<h3><a href="#">Section 3</a></h3>
<div>
<p>
<ul>
	<li>List item one</li>
	<li>List item two</li>
	<li>List item three</li>
</ul>
</p>
</div>
<h3><a href="#">Section 4</a></h3>
<div>
<p>
<table  height=350px >
	<tr>
		<td height=24><a href="www.baidu.com"><font color=blue>
		百度</font></a><br>
		</td>
	</tr>
	<tr>
		<td height=24><a href="www.baidu.com">Google</a><br>
		</td>
	</tr>
	<tr>
		<td height=24><a href="www.baidu.com">新浪</a><br>
		</td>
	</tr>
	<tr>
		<td height=24><a href="www.baidu.com">Yahoo</a><br>
		</td>
	</tr>
</table>
</p>

</div>
</div>

</div>
<!-- End demo -->



</body>
</html>